<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>阳泉云链-实名认证</title>
	<link rel="stylesheet" href="../style/reset.css">
	<link rel="stylesheet" href="../style/main.css">
	<link rel="stylesheet" href="../js/layui/css/layui.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header-bar">
		<div class="top-bar">
			<div class="com-width">
				<div class="left-area fl">
					<a href="#" class="inform">
						阳泉云链成功上线啦！
						</a>
						<a href="#" class="inform-text">2017-07-12</a>
				</div>
				<ul class="right-area fr">
					 <li class="phone"><a href="#" >151****1111</a></li>
			        <li  class="exit"><a href="#">退出</a></li>
			        <li class="mobile">
				    	<div class="phone-qr">
							<img src="../images/about.png" />
							<!-- <p>下载手机APP</p> -->
				        </div>
		            	<a href="#">手机客户端</a>
		            </li>
			        <li class="weixin-hover about">
			            <div class="weixin-qr">
							<img src="../images/about.png" />
							<!-- <p>关注微信公众号</p> -->
			            </div>
			            <a href="#"></span>关注微信号</a>
			        </li>
			         <li class="help"><a  href="help.html" target="_blank" title="帮助中心" >帮助中心</a></li>
			    </ul>
			</div>
		</div>
		<div class="logo-bar">
			<div class="com-width">
				<div class="logo fl">
					<a href="home.html"><img src="../images/logo.png" alt="阳泉云链"></a>
				</div>
				<div class="nav fr">
					<ul class="nav-content">
						<li class="current"><a href="home.html" class="home">首页</a></li>
						<li><a href="financing.html">供应链融资</a></li>
						<li><a href="invest.html">我要投资</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="personal.html">我的账户</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 个人中心主内容 -->
	<div class="personal-container">
		<div class="pre-com-width">
			<div class="personal-left">
				<div class="user-box">
					<div class="head"></div>
					<div class="info-icon">
						<ul class="icon-list">
							<li class="name-tip"></li>
							<li class="mobile-tip"></li>
							<li class="card-tip"></li>
							<li class="pass-tip"></li>
						</ul>
					</div>
					<div class="phone">151****183</div>
					<div class="phone my-account"><i></i>我的账户</div>
				</div>
				<div class="personal-tab-nav">
					<ul class="nav-list">
						<li class="list-item per-active">
							<i></i>我的资产<span></span>
						</li>
						<li class="list-item">
							<i></i>我的银行卡<span></span>
						</li>
						<li class="list-item">
							<i></i>个人信息<span></span>
						</li>
						<li class="list-item">
							<i></i>消息中心<span></span>
						</li>
						<li class="list-item">
							<i></i>我的推荐<span></span>
						</li>
					</ul>
				</div>
			</div>
			<div class="personal-right">
				<div class="notice-box">
					<i></i>
					<div class="text">你投标的兴泰PRJ2016004800171884项目， 出资金额1010.50元，预期收益6.00元，投标成功。</div>
			</div>
				<div class="tab-item" id="certification">
					<div class="mine-box">
					<div class="title">个人信息 <i>></i><span class="title-detail">实名认证</span></div>
				</div> 
				<div class="add-card-form">
			<div class="form-item">
				<label><span>*</span>真实姓名：</label><input type="text" placeholder="请填写真实姓名">
			</div>
			<div class="form-item">
				<label><span>*</span>开户银行：</label><select>
					<option>--请选择--</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
					<option>5</option>
				</select>
			</div>
			<div class="form-item">
				<label><span>*</span>银行卡号：</label><input type="text" placeholder="请填写储蓄卡银行卡号">
			</div>
			<div class="form-item">
				<label><span>*</span>确认卡号：</label><input type="text" placeholder="请再次填写储蓄卡银行卡号">
			</div>
			<div class="form-item">
				<label><span>*</span>手机号码：</label><input type="text" placeholder="请填写银行预留手机号码">
			</div>
			<div class="form-item city">
				<label><span>*</span>开户省市：</label><select>
					<option>--请选择--</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
					<option>5</option>
				</select><select>
					<option>--请选择--</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
					<option>5</option>
				</select>
			</div>
			<div class="form-item hide">
				<label><span>*</span>支行名称：</label>
				<input type="text" placeholder="请填写支行名称">
				<i class="input-icon" id="sub_bank_input"></i>
			</div>
			<div class="form-item">
				<label><span>*</span>支行名称：</label><select>
					<option>请选择支行名称</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
					<option>5</option>
				</select>
				<i class="key-word" id="sub_bank_select"></i>
			</div>
			<div class="tip">温馨提示：绑定的银行卡必须已开通无卡支付功能！<a href="#">开通无卡支付 </a></div>
			<div class="tip">温馨提示：招商银行和工商银行因暂不支持快捷支付，故无法绑卡， 给您带来的不变敬请谅解</div>
			<div class="add-btns">
				<div class="btn add-btn " id="btn-submit">确认</div>
				<div class="btn cancel-btn" id="btn-cancel">取消</div>
			</div>
		</div>
			</div>
	</div>
</div>
	<div class="footer">
		<div class="com-width clearfix">
			<div class="foot-left fl clearfix">
				<dl>
					<dt><img src="../images/about.png" alt="关注我们"></dt>
					<dd>
						<p>客服热线</p>
						<p class="number"><span class="phone"></span>0351-8656555</p>
						<p>服务时间：工作日 09:00-18:00</p>
					</dd>
				</dl>
			</div>
			<div class="foot-right fr">
				<p>
					<a href="#" >帮助中心</a>
					<a href="#">关于我们</a>
					<a href="#">常见问题 </a>
					<a href="#" class="help">平台公告</a>
				</p>
				<p class="info">Copyright©2016 北京麦乐科信息科技有限公司 | 京 ICP 17011867号</p>
				<p class="skill">平台技术运营服务商<span class="mailekelogo"></span></p>
			</div>
		</div>
	</div>
</body>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-placeholder/2.3.1/jquery.placeholder.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/layui/layui.js"></script>
<script src="../js/personal_common.js"></script>
<script src="../js/personal_bank_bind.js"></script>
<script>
</script>
</html>